<template>
  <div style="padding: 0 2rem;">
    <p
      class="polygon_title font_s36 textC colorF"
      style="position: absolute; top: 7%;
    left: 48%;"
    >
      住养服务机构清单
    </p>
    <div class="flex JustifyContentSA colorF font_s30 textC" style="margin-top: -2rem; padding: 1rem;"><p >住养机构护理人员:<span style="padding-left: 1rem;">5299人</span></p><p ></p> <p></p></div>
    <ul class="flex jingBan_title colorF font_s20 textC">
      <li class="flex4">住养服务机构名称</li>
      <li class="flex2">服务机构类别</li>
      <li class="flex1">所属街道</li>
      <li class="flex4">机构地址</li>
      <li class="flex2">机构代码</li>
      <li class="flex2">法定代表人</li>
      <li class="flex1">联系人</li>
      <li class="flex2">联系电话</li>
    </ul>
    <div class="superviseList" style="height: 48vh;">
      <ul class="JingBan-list">
        <li class="flex jingBan_content colorF font_s18 textC" v-for="item in dataList" v-bind:key="item.id">
          <span class="flex4">{{ item.jgmc }}</span>
          <span class="flex2">{{ item.jglx }}</span>
          <span class="flex1">{{ item.jdmc }}</span>
          <span class="flex4">{{ item.jgdz }}</span>
          <span class="flex2">{{ item.jgdm }}</span>
          <span class="flex2">{{ item.fddbr }}</span>
          <span class="flex1">{{ item.lxr }}</span>
          <span class="flex2">{{ item.lxrdh }}</span>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
import { lowRisk, middRisk, jsmc, zhuyang } from '@/listData.js'
export default {
  name: 'JingBan',
  data () {
    return {
      dataList: [
        {
          jbjgmc: '上海浦东新区沪东居家养老服务中心',
          fwjglb: '居家服务中心',
          ssjd: '沪东',
          jgdj: '浦东新区寿光路161弄55号202室',
          jgdm: 'Y01714033',
          fddbr: '喻磊',
          lxr: '小朱',
          lxdh: '13917076654'
        },
        {
          jbjgmc: '上海浦东新区沪东居家养老服务中心',
          fwjglb: '居家服务中心',
          ssjd: '沪东',
          jgdj: '浦东新区寿光路161弄55号202室',
          jgdm: 'Y01714033',
          fddbr: '喻磊',
          lxr: '小朱',
          lxdh: '13917076654'
        },
        {
          jbjgmc: '上海浦东新区沪东居家养老服务中心',
          fwjglb: '居家服务中心',
          ssjd: '沪东',
          jgdj: '浦东新区寿光路161弄55号202室',
          jgdm: 'Y01714033',
          fddbr: '喻磊',
          lxr: '小朱',
          lxdh: '13917076654'
        },
        {
          jbjgmc: '上海浦东新区沪东居家养老服务中心',
          fwjglb: '居家服务中心',
          ssjd: '沪东',
          jgdj: '浦东新区寿光路161弄55号202室',
          jgdm: 'Y01714033',
          fddbr: '喻磊',
          lxr: '小朱',
          lxdh: '13917076654'
        },
        {
          jbjgmc: '上海浦东新区沪东居家养老服务中心',
          fwjglb: '居家服务中心',
          ssjd: '沪东',
          jgdj: '浦东新区寿光路161弄55号202室',
          jgdm: 'Y01714033',
          fddbr: '喻磊',
          lxr: '小朱',
          lxdh: '13917076654'
        },
        {
          jbjgmc: '上海浦东新区沪东居家养老服务中心',
          fwjglb: '居家服务中心',
          ssjd: '沪东',
          jgdj: '浦东新区寿光路161弄55号202室',
          jgdm: 'Y01714033',
          fddbr: '喻磊',
          lxr: '小朱',
          lxdh: '13917076654'
        },
        {
          jbjgmc: '上海浦东新区沪东居家养老服务中心',
          fwjglb: '居家服务中心',
          ssjd: '沪东',
          jgdj: '浦东新区寿光路161弄55号202室',
          jgdm: 'Y01714033',
          fddbr: '喻磊',
          lxr: '小朱',
          lxdh: '13917076654'
        },
        {
          jbjgmc: '上海浦东新区沪东居家养老服务中心',
          fwjglb: '居家服务中心',
          ssjd: '沪东',
          jgdj: '浦东新区寿光路161弄55号202室',
          jgdm: 'Y01714033',
          fddbr: '喻磊',
          lxr: '小朱',
          lxdh: '13917076654'
        },
        {
          jbjgmc: '上海浦东新区沪东居家养老服务中心',
          fwjglb: '居家服务中心',
          ssjd: '沪东',
          jgdj: '浦东新区寿光路161弄55号202室',
          jgdm: 'Y01714033',
          fddbr: '喻磊',
          lxr: '小朱',
          lxdh: '13917076654'
        },
        {
          jbjgmc: '上海浦东新区沪东居家养老服务中心',
          fwjglb: '居家服务中心',
          ssjd: '沪东',
          jgdj: '浦东新区寿光路161弄55号202室',
          jgdm: 'Y01714033',
          fddbr: '喻磊',
          lxr: '小朱',
          lxdh: '13917076654'
        },
        {
          jbjgmc: '上海浦东新区沪东居家养老服务中心',
          fwjglb: '居家服务中心',
          ssjd: '沪东',
          jgdj: '浦东新区寿光路161弄55号202室',
          jgdm: 'Y01714033',
          fddbr: '喻磊',
          lxr: '小朱',
          lxdh: '13917076654'
        },
        {
          jbjgmc: '上海浦东新区沪东居家养老服务中心',
          fwjglb: '居家服务中心',
          ssjd: '沪东',
          jgdj: '浦东新区寿光路161弄55号202室',
          jgdm: 'Y01714033',
          fddbr: '喻磊',
          lxr: '小朱',
          lxdh: '13917076654'
        }
      ]
    }
  },
  created () {
    this.dataList = zhuyang
  }
}
</script>
<style scoped>
.jingBan_title {
  line-height: 2.5rem;
  /* border-radius: 10px 10px 0 0; */
  border: 1px solid lightgreen;
  /* background:#4ca5ab;  */
}
.jingBan_content {
  line-height: 3.625rem;
  overflow: hidden;
  span {
    padding: 1rem;
  }
  /* border-radius: 5px; */
  /* background: #27515f; */
  /* margin: 0.825rem 0; */
}
.superviseList {
  overflow-x: hidden;
  overflow-y: scroll;
}
.JingBan-list li:nth-of-type(even) {
  background: #1d3843;
}
</style>
